<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国国家地理网</title>
    <link rel="stylesheet" type="text/css" href="index.min.css">
    <link rel="stylesheet" type="text/css" href="index.css"/>
</head>
<body>
    <div class="header">
    	<div class="logo"><img src="img/1.png"/></div>
    	<div></div>
    </div>
    <div class="top_bar">
        <div class="top_left">
            <a class="btn cur" href="#">首页</a>
            <a class="btn" href="#">景观</a>
            <a class="btn" href="#">谈资</a>
            <a class="btn" href="#">作者</a>
            <a class="btn" href="#">大讲堂</a>
            <a class="btn" href="#">活动</a>
            <a class="btn" href="#">商城</a>
        </div>
        <div class="top_right">
            <a class="btn" href="#">APP</a>
            <a class="btn" href="#">投稿</a>
            <a class="btn" href="#">登录</a>
        </div>
    </div>

    <div class="content">
    	<div class="content_left">
    		<div class="top">
    			<div class="red1">
	    			<span>征稿</span>
	    			<div>CONTRIBUTIONS</div>
	    		</div>
	    		<div class="red2">
		            <div class="top1">
		                <div class="white">极简</div>
		                <img src="img/pic6.PNG"/>
		            </div>
		            <div class="top1">
		                <div class="white">美食</div>
		                <img src="img/pic7.PNG"/>
		            </div>
		            <div class="top1">
		                <div class="white">烟雾</div>
		                <img src="img/pic8.PNG"/>
		            </div>
	    		</div>
	        </div>
	        <div class="bottom">
				<div class="gray1">
	    			<span>景观</span>
	    			<div>LANDSCAPE</div>
	    		</div>
	    		<div class="gray2">
	    			<div class="gray2_left">
	    				<div class="pic"><img src="img/pic1.PNG"/></div>
	    				<div class="pic"><img src="img/pic3.PNG"/></div>
	    				<div class="pic"><img src="img/pic4.PNG"/></div>
	    			</div>
		            
		            <div class="gray2_right">
	    				<div class="pic"><img src="img/pic2.PNG"/></div>
	    				<div class="pic"><img src="img/pic5.PNG"/></div>
		            </div>
		            
		            
	    		</div>
	    		
	        </div>
    	</div>
	    <div class="content_right">
	    	<div class="xunzhao">
	    		<h2>寻找中国最美景观拍摄点</h3>
	    		<h3>杂志：</h3>	
	    		<div class="zazhi">
	    			<div class="zz"><img src="img/zz1.jpg"/></div>
	    			<div class="zz"><img src="img/zz2.jpg"/></div>
	    			<div class="zz"><img src="img/zz3.jpg"/></div>
	    		</div>
	    		<h3>活动：</h3>	
	    		<div class="huodong">
	    			<div class="hd_top">
	    				<img src="img/hd3.jpg"/>
		    			<img src="img/hd2.jpg"/>
		    			<img src="img/hd3.jpg"/>
		    			<img src="img/hd4.jpg"/>
	    			</div>
		    		<div class="hd_bottom">
		    			<img src="img/hd5.jpg"/>
		    			<img src="img/hd6.jpg"/>
		    			<img src="img/hd7.jpg"/>
		    			<img src="img/hd8.jpg"/>
		    		</div>	
		    			
	    			
	    		</div>
	    	</div>
	    	
    	</div>    
	        
    </div>
</body>
</html>